<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>登录</title>
		<link href="css/login.css" rel="stylesheet" />
		<style type="text/css"></style>
	</head>

	<body class="main-body">

		<!--主窗体（开始）-->
		<div class="main">
			<!--标题（开始）-->
			<h1 class="hName">登录界面</h1>
			<!--标题（结束）-->

			<!--控件（开始）-->
			<div class="Body">
				<form method="post">
					<!--<input type="text" value="用户名" /><br />
					<input type="password" value="密码" /><br />-->
					<input class="user" type="text" placeholder="用户名" required ><br /><br />
					<input class="Pwd" type="password" placeholder="密码"  required pattern="\d{6,12}"><br />

					<!--尾部（开始）-->
					<div class="WeiBu">
						<!--尾部左侧（开始）-->
						<div class="WeiBu-left">
							<!--复选框-->
							<label class="checkbox">
								<input type="checkbox" name="checkbox" checked="">
								<i> </i>记住密码
							</label>
						</div>
						<!--尾部左侧（结束）-->
						<!--尾部右侧（开始）-->
						<div class="WeiBu-right">
							<label class="l">注册账号<a href="#" class="aa">学生</label>
						</div>
						<!--尾部右侧（结束）-->

						<!--尾部底部（开始）-->
						<div class="WeiBu-bottom">

							<input type="submit" value="登录" />

						</div>
						<!--尾部底部（结束）-->
				</form>
				<!--控件（结束）-->
				<hr />
				</div>

			</div>
			<!--尾部（结束）-->
			<h1 class="hname2">使用第三方软件登录</h1>
			<!--底部（开始）-->
			<div class="Bottom">

				<a href="#">
					<img src="img/download.jpg" />
				</a>
				<a href="#">
					<img src="img/u=1405027988,523201045&fm=26&gp=0.png" />
				</a>
				<a href="#">
					<img src="img/u=2094330510,3937195633&fm=26&gp=0.jpg" />
				</a>

			</div>
			<!--底部（结束）-->
		</div>
		<!--主窗体（结束）-->
		<!--底部版权（开始）-->
		<div class="jw">
		&#169&nbsp;huangyugufenkejiyouxiangongsi版权所有
		</div>
		<!--底部版权（结束）-->
	</body>

</html>